<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>图表</title>
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/style.css" />
</head>

<body>
  <div id="searchWrap" class="cf" style="height: 60px;padding:12px 60px; ">
    <div style="margin-right: 30px;float: left;">
      <select id="org" class="nice-select small">
        <!-- <option value="">请选择事业部</option> -->
        <!-- <option value="82">佳贝艾特</option> -->
        <!-- <option value="81">能力多</option> -->
        <option value="181">1897</option>
      </select>
    </div>
    <div style="margin-right: 30px;float: left;">
      <button id="search" class="nice-select small">查询</button>
    </div>
    <div style="margin-right: 30px;float: left;">
      <span style="line-height: 36px;font-size:12px;color: #333;display: none;">当前动销总金额：<span style="font-size: 14px;color: red;font-weight: 600;" id="total"></span>元</span>
    </div>

    <div style="margin-right: 30px;float: right;">
      <input type="text" name="mbz" id="mbz" class="nice-select small" placeholder="请设置动销目标值">
    </div>

  </div>
  <!-- <div class="cf">
    <div style="width:50%;float: left;">
      <div id="lineChart"></div>
    </div>
    <div style="width:50%;float: left;">
      <div id="barChart"></div>
    </div>
  </div>
  <div class="cf">
    <div style="width:50%;float: left;">
      <canvas id="qiu" width=""></canvas>
      <div id="liquidChart"></div>

    </div>
    <div style="width:50%;float: left;">
      
    </div>
  </div> -->
  <div>
    <div class="cf">
      <div style="width:60%;float: left;">
        <div>
          <div id="mapChart"></div>
        </div>
        <div>
          <div id="barChart"></div>
        </div>
  
      </div>
      <div style="width:40%;float: left;">
        <div style="position: relative;height: 600px;">
          <div style="position: absolute; top: 20px;left: 0;width: 100%; height: 40px; text-align: center;">
            <span id="qiuTit" style="display: none;">动销目标达成率</span>
          </div>
          <div style="display: block; margin: 0 auto; width: 400px;">
            <canvas id="qiu" width="400" height="400"></canvas>
          </div>
        </div>
        <div>
          <div id="lineChart"></div>
        </div>
      </div>
    </div>
  </div>
  <div id="loader" class="loader-wrap" style="display: none;">
    <div class="loader"></div>
  </div>
  <script>
    window.$LV = '4'
  </script>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/jquery.nice-select.min.js"></script>
  <script src="./js/g2.min.js"></script>
  <script src="./js/data-set.min.js"></script>
  <script src="./js/g2plot.min.js"></script>
  <script src="./js/ec/echarts.min.js"></script>
  <script src="./js/ec/echarts-liquidfill.min.js"></script>

  <script src="./js/app.js"></script>
</body>

</html>